<template>
  <div>
    <div class="form-relation-section-title">
      {{ title }}
    </div>
    <div class="form-relation-section-body">
      <slot/>
    </div>
  </div>
</template>
<script>
import {createProps} from '@/utils';

export default {
  name: 'RelationSection',
  props: {
    title: createProps(String),
  }
}
</script>
<style>
.form-relation-section-title {
  padding: 5px 20px;
  font-weight: bolder;
  color: #2f8ce5;
  background: #f2f8fe;
  user-select: none;
}

.form-relation-section-body {
  padding: 10px 30px 10px 0;
  height: fit-content;
}
</style>